/**
 * Created by Administrator on 2017/2/27.
 */
var SideBar = require('../../src/complex/sideBar');

var Root = React.createClass({
    getInitialState: function () {
        return{
            sideBarItem:PageDM.sideBar.value
        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    render: function() {
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <SideBar sideBarItem={this.state.sideBarItem}/>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>安全保障<b></b></div>
                            <div className="mod-security">
                                <div className="txt">
                                    <p><img src="../content/images/help/s1.jpg" align="right"/></p>
                                    <h3>项目安全</h3>
                                    <p>新昌农商银行作为平台融资项目的见证机构，为融资人提供项目信息见证服务，保障项目来源的真实可靠。</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                </div>
                                <div className="txt">
                                    <p><img src="../content/images/help/s2.jpg" align="left"/></p>
                                    <h3>资金安全</h3>
                                    <p>委托中金支付为第三方支付机构，从交易、资金、隐私、风险
                                        4个方面全方位实时监控，为用户资金交易全程保驾护航。</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                </div>
                                <div className="txt">
                                    <p><img src="../content/images/help/s3.jpg" align="right"/></p>
                                    <h3 className="fcorange">信息安全</h3>
                                    <p>平台支持安全套接层协议和128位加密技术，所有用户的敏感信息均经过自动加密后安全发送，网站间页面跳转、数据发送采用数字签名技术保证信息及来源的不可否认性。</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                </div>
                                <div className="txt">
                                    <p><img src="../content/images/help/s4.jpg" align="left"/></p>
                                    <h3>账户安全</h3>
                                    <p>严格的内外部信息安全系统与制度流程，严防信息泄露及未经授权机构或个人获取用户信息，保障用户的数据信息安全及通信私密性。</p>
                                </div>
                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));